@import '../style/theme/color';
@import '../style/theme/variables';
@import '../style/mixins/index';
@import '../style/core/_font';

.modal-header {
  padding: 30px 30px 0 30px;
  height: 56px;
  position: relative;
  border: none; // 覆盖bootStrap默认样式

  .standard-title {
    height: 26px;
    line-height: 26px;
    color: $devui-text;
    letter-spacing: 0;
    font-size: $devui-font-size-modal-title;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  button.close {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: $devui-font-size-icon;
    font-weight: bold;
    line-height: 1;
    color: #000000; // TODO: color not variable
    // text-shadow: 0 1px 0 $devui-base-bg;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;

    svg.svg-icon-close polygon {
      fill: $devui-text-weak;
    }

    &:hover {
      background: $devui-list-item-hover-bg;

      svg.svg-icon-close polygon {
        fill: $devui-icon-fill-active;
      }
    }
  }
}

.header-alert-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-top: -2px; // 使图标对其

  path.devui-icon-warning-outer {
    fill: $devui-warning-line;
  }

  path.devui-icon-warning-inner {
    fill: $devui-light-text;
    stroke: $devui-light-text;
  }
}

.title-text {
  font-size: $devui-font-size-modal-title;
  font-weight: 600;
  vertical-align: middle;
}

button {
  outline: none;
  height: 20px;
  width: 20px;
}
